<template>
  <div >
    <el-tabs class="tabsApi" type="border-card">
      <!-- 搜索项 -->
      <template>
        <el-form>
          <el-form-item>
            <el-input
              class="input-inquire"
              v-model="input"
              placeholder="输入车牌号"
            ></el-input>
            <el-input
              v-model="input2"
              class="input-inquire"
              placeholder="输入随行人数"
            ></el-input>
            <el-select v-model="value1" placeholder="请选择">
              <el-option
                class="input-option"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
            <el-button class="input-option" type="primary" @click="boxDate" >查询</el-button>
          </el-form-item>
        </el-form>
      </template>
      <template>
      </template>
      <!--  -->
      <template>
        <el-table :dataList="dataList"  border style="width: 100%">
          <el-table-column prop="createDate" label="申请时间" width="180">
           00 {{this.dataList.createDate}}
          </el-table-column>
          <el-table-column prop="creatorName" label="申请人" width="180">
          </el-table-column>
          <el-table-column prop="deptName" label="所属部门"> </el-table-column>
          <el-table-column prop="phone" label="联系电话"> </el-table-column>
          <el-table-column prop="peopleNumber" label="随行人数"> </el-table-column>
          <el-table-column prop="startTime" label="用车时段"> </el-table-column>
          <el-table-column prop="marks" label="用车理由"> </el-table-column>
          <el-table-column prop="destination" label="目的地"> </el-table-column>
          <el-table-column prop="status" label="状态"> </el-table-column>
          <el-table-column prop="carNumber" label="分配车牌号"> 11{{this.dataList.carNumber}}</el-table-column>
          <el-table-column prop="operation" label="操作"> </el-table-column>
        </el-table>
      </template>
    </el-tabs>
  </div>
</template>
<script>
/* eslint-disable */
import mixinViewModule from '@/mixins/view-module'
import minFormValidate from '@/mixins/form-validate'
export default {
  mixins: [mixinViewModule,minFormValidate],
  name: '',
  data() {
    return {
        mixinViewModuleOptions: {
        getDataListURL:'tb/carApply/getUse',
      },   
      options: [
        {
          value: "1",
          label: "通过",
        },
        {
          value: "2",
          label: "不通过",
        },
        {
          value: "3",
          label: "待审核",
        },
      ],
      dataList: [],
      value1: [],
      input: "",
      input2: "",
    };
  },
  methods: {
  async getData(){
    this.dataList = await this.getDataList({ url: this.mixinViewModuleOptions.getDataListURL})
    },
   boxDate(){
   console.log( this.dataList,11);
    },
  },
};
</script>
<style lang="scss" scoped>
.tabsApi{
  margin: 20px;
  padding: 0px 20px 20px 20px;
  width: 100%;
  height: 100%;
}
.input-inquire {
  width: 200px;
  height: 50px;
  margin: 0px 20px 20px 0px;
}
.input-option{
margin: 10px;
}
</style>
